<script setup>
import {computed} from 'vue'
const props = defineProps(['short'])
const typeCls = computed(()=>{
    return props?.short ? 'short' : ""
})
</script>

<template>
<div class="gb-declaration" :class="typeCls">
  <p>
    免责声明:网格回测收益是基于历史数据的模拟表现，仅代表过去，不代表实盘收益，实际收益以实盘为准。本功能可能因历史数据、系统和通讯等原因导致回测结果不准确。请审慎参考回测结果。市场有风险，投资需谨慎。本产品中的内容和意见仅供参考，并不构成对所述证券买卖做出保证。投资者不应将本产品作为投资决策的唯一参考因素。亦不应以本产品取代自己的判断。在任何情况下,海通证券不对任何人因本平台中的内容所引致的任何损失负任何责任。
  </p>
</div>
</template>

<style lang="scss" scoped>
.gb-declaration {
  background: #F5F6FA;
  padding:13px 16px 70px 16px;
  &.short{
    padding-bottom:20px;
  }
  p{
      height: 136px;
      mix-blend-mode: normal;
      color: rgba(108, 110, 122, 1);
      font-family: PingFangSC-Regular;
      font-weight: 400;
      font-size: 12px;
      line-height: 17px;
  }
}
</style>